<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head th:fragment="header-head">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.88.1">
    <title>Welcome to my site! o((>ω< ))o</title>

<!--    <link rel="canonical" th:href="@{https://getbootstrap.com/docs/5.1/examples/headers/}">-->


    <link th:href="@{/assets/dist/css/bootstrap.min.css}" rel="stylesheet">

<!--    <style>-->

<!--        @media (min-width: 768px) {-->
<!--        }-->
<!--    </style>-->

    <link th:href="@{/css/headers.css}" rel="stylesheet">
    <!--    <link th:href="@{/css/cover.css}" rel="stylesheet">-->
</head>
<div th:fragment="header-body">


    <main>
        <header class="p-3 bg-dark text-white">
            <div class="container">
                <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
                    <a th:href="@{/}" class="d-flex align-items-center mb-2 mb-lg-0 text-white text-decoration-none">
                        <svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"/></svg>
                    </a>

                    <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
                        <li th:src="@{/assets/img/osu.png}"></li>
                        <li><a th:href="@{/}" class="nav-link px-2 text-secondary">主页</a></li>
                        <li sec:authorize="hasRole('admin')"><a th:href="@{/back/article}" class="nav-link px-2 text-white">博客管理</a></li>
<!--                        <li sec:authorize="hasRole('admin')"><a href="#" class="nav-link px-2 text-white">评论管理</a></li>-->
<!--                        <li sec:authorize="hasRole('admin')"><a href="#" class="nav-link px-2 text-white">用户管理</a></li>-->
                    </ul>

                    <form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3">
                        <input type="search" class="form-control form-control-dark" placeholder="搜索" aria-label="Search">
                    </form>
                    <div class="text-end">
                        <div sec:authorize="isAnonymous()">
                            <a th:href="@{/login}">
                                <button type="button" class="btn-login">登录</button>
                            </a>
                        </div>
                        <div sec:authorize="isAuthenticated()">
                            <a th:href="@{/logout}">
                                <button type="button" class="btn-logout">登出</button>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </header>
    </main>


    <script th:src="@{/assets/dist/js/bootstrap.bundle.min.js}"></script>


</div>
</html>
